.el-date-picker.mini {
  width: 230px;

  .el-date-table td,
  .el-date-table td div {
    height: 24px;
    padding: 0;
    line-height: 24px;
  }

  .el-date-table td {
    width: 18px;
  }

  .el-picker-panel__content {
    width: 210px;
    margin: 0 10px 10px;
  }

  .el-date-table th {
    padding-top: 0;
    padding-bottom: 0;
  }

  .el-date-picker__header {
    margin: 10px 10px 0;
  }

  .el-year-table td {
    padding-top: 0;
    padding-bottom: 0;
  }

  .el-month-table td {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .el-month-table td .cell,
  .el-month-table td div {
    height: 24px;
    padding: 0;
    line-height: 24px;
  }
}

.el-date-editor {
  .el-range-separator {
    width: 20px;
  }

  &.is-disabled {
    .el-range-input,
    .el-range-separator {
      padding-left: 0;
      color: #383838;
      font-size: 14px;
      text-align: left;
    }

    .el-range-separator {
      width: 2rem;
    }

    .el-input__inner {
      padding: 0 15px;
    }

    .el-input__icon {
      display: none;
    }
  }
}
